<%@ Page Language="VB" MasterPageFile="~/master pages/ClientMasterPage.master" AutoEventWireup="false"
    CodeFile="frmCreditCard.aspx.vb" Inherits="Client_frmCreditCard" Title="Untitled Page" Debug="true" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <table class="box" width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td class="boxheading" width="100%" height="14">
                    <h2 class="boxtitle">
                        Credit Card Detail
                    </h2>
                </td>
            </tr>
        </tbody>
    </table>
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <style type="text/css">
        /*Modal Popup*/
        .modalBackground
        {
            background-color: Gray;
            
        }
    </style>
    <table align="center">
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <table align="center" style="border: 1px; border-color: white; border-style: solid;">
                    <tr>
                        <td>
                            &nbsp;</td>
                        <td>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <span style="color: Black;">Credit Card Number :</span></td>
                        <td>
                            <asp:TextBox ID="txtCreditCardNumber" runat="server" Width="156px"></asp:TextBox>
                        </td>
                        <td>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" TargetControlID="txtCreditCardNumber"
                                WatermarkText="Enter Credit Card Number Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="CreditCardNumber-Cannot Be Blank."
                                ControlToValidate="txtCreditCardNumber">*</asp:RequiredFieldValidator>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="CreditCardNumber-Must Be 14-16 Digits."
                                ControlToValidate="txtCreditCardNumber" ValidationExpression="[0-9]{14,16}">*</asp:RegularExpressionValidator>
                        </td>
                        <td>
                            <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" TargetControlID="txtCreditCardNumber"
                                FilterType="Numbers" runat="server">
                            </cc1:FilteredTextBoxExtender>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <span style="color: Black;">Credit Card Verification Number:</span></td>
                        <td>
                            <asp:TextBox ID="txtCreditCardVerificationNumber" runat="server" Width="156px"></asp:TextBox>
                        </td>
                        <td>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" TargetControlID="txtCreditCardVerificationNumber"
                                WatermarkText="Enter Verification Number Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" TargetControlID="txtCreditCardVerificationNumber"
                                FilterType="Numbers" runat="server">
                            </cc1:FilteredTextBoxExtender>
                        </td>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="VerificationNumber-Must Be Only 3 Digits."
                                ControlToValidate="txtCreditCardVerificationNumber" ValidationExpression="[0-9]{3}">*</asp:RegularExpressionValidator>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="CreditCardVerificationNumber-Cannot Be Blank."
                                ControlToValidate="txtCreditCardVerificationNumber">*</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <span style="color: Black;">Credit Card Type:</span></td>
                        <td>
                            <asp:TextBox ID="txtCreditCardType" runat="server" Width="156px"></asp:TextBox>
                        </td>
                        <td>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" TargetControlID="txtCreditCardType"
                                WatermarkText="Enter Card Type Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="CreditCardType-Cannot Be Blank."
                                ControlToValidate="txtCreditCardType">*</asp:RequiredFieldValidator>
                        </td>
                        <%--<td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator8" runat="server" ErrorMessage="CreditCardType-Only Characters Are Allowed."
                                ControlToValidate="txtCreditCardType" ValidationExpression="[A-Za-z]+">*</asp:RegularExpressionValidator>
                        </td>--%>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator7" runat="server" ErrorMessage="CreditCardType-Only Characters Are Allowed."
                                ControlToValidate="txtCreditCardType" ValidationExpression="[A-Z,a-z, ]+">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <span style="color: Black;">Holder Name:</span></td>
                        <td>
                            <asp:TextBox ID="txtHolderName" runat="server" Width="156px"></asp:TextBox>
                        </td>
                        <td>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender4" TargetControlID="txtHolderName"
                                WatermarkText="Enter Holder Name Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="HolderName-Cannot Be Blank."
                                ControlToValidate="txtHolderName">*</asp:RequiredFieldValidator>
                        </td>
                        <%--<td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ErrorMessage="HolderName-Only Characters Are Allowed."
                                ControlToValidate="txtHolderName" ValidationExpression="[A-Za-z]+">*</asp:RegularExpressionValidator>
                        </td>--%>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ErrorMessage="HolderName-Only Characters Are Allowed."
                                ControlToValidate="txtHolderName" ValidationExpression="[A-Z,a-z, ]+">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                        </td>
                        <td align="left">
                            <span style="color: Black;">month year</span></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <span style="color: Black;">Expiry Date:</span></td>
                        <td>
                            <asp:DropDownList ID="ddlMonth" runat="server" align="left">
                            </asp:DropDownList>
                            <asp:DropDownList ID="ddlYear" runat="server" align="left">
                            </asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" style="height: 26px">
                            <span style="color: Black;">Bank Name:</span></td>
                        <td style="height: 26px">
                            <asp:TextBox ID="txtBankName" runat="server" Width="156px"> </asp:TextBox>
                        </td>
                        <td>
                            <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender6" TargetControlID="txtBankName"
                                WatermarkText="Enter Bank Name Here" runat="server" WatermarkCssClass="watermark">
                            </cc1:TextBoxWatermarkExtender>
                        </td>
                        <td style="height: 26px">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="BankName-Cannot Be Blank."
                                ControlToValidate="txtBankName">*</asp:RequiredFieldValidator>
                        </td>
                        <%--<td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ErrorMessage="BankName-Only Characters Are Allowed."
                                ControlToValidate="txtBankName" ValidationExpression="[A-Za-z]+">*</asp:RegularExpressionValidator>
                        </td>--%>
                        <td>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ErrorMessage="BankName-Only Characters Are Allowed."
                                ControlToValidate="txtBankName" ValidationExpression="[A-Z,a-z, ]+">*</asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;</td>
                        <td>
                        </td>
                    </tr>
                    <tr align="center">
                        <td colspan="8" align="center">
                            <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
                            <asp:Button ID="btnReset" runat="server" Text="Reset"  CausesValidation="false"/></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td align="center">
                <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td style="height: 24px">
                &nbsp;</td>
            <td style="height: 24px">
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
            <td>
            </td>
        </tr>
    </table>
</asp:Content>
